﻿@{
    ViewBag.Title = "专家注册";
    Layout = "~/Views/Shared/ExpertManage/_Layout_ExpertManage.cshtml";
}
@Styles.Render("~/Scripts/ztree/zTreeStyle.css")
@Scripts.Render("~/Scripts/ztree/jquery.ztree.all-3.5.min.js")
<script type="text/javascript" src="@Url.Content("~/Scripts/Expert/Expert.js")"></script>
<script type="text/javascript">
    //树形分类的配置项目
    var setting = {
        view: {
            selectedMulti: false
        },
        check: {
            chkboxType: { "Y": "ps", "N": "ps" },
            enable: true
        },
        data: {
            simpleData: {
                enable: true
            }
        },
        callback: {
            //onClick: onClick
        }
    };

    //获取分类信息
    var strUrlgetCategorys = '@Url.Content("~/Category/getCategorys")';
    var strUrlnewAExpert = '@Url.Content("~/ExpertManage/newAExpert")';
    var strUrleditAExpert = '@Url.Content("~/ExpertManage/editAExpert")';
    var strUrlstopAExpert = '@Url.Content("~/ExpertManage/stopAExpert")';
    var strUrluseAExpert = '@Url.Content("~/ExpertManage/useAExpert")';

    //检查一个专家姓名，看看是否存在于系统
    var strUrlcheckAExpert = '@Url.Content("~/ExpertManage/checkAExpert")';

    $(document).ready(function () {
        //初始化专家
        initExpert();

        //初始化专家分类树形
        getCategorys(strUrlgetCategorys);

        //
        showForm();
    });
</script>
<h2>@ViewBag.Title</h2>
<div class="ui-widget-content  ui-corner-all" style="position: relative; padding: 0.7em;">
    @using (Html.BeginForm("Regist", "ExpertManage", FormMethod.Post, new { id = "form_query" }))
    {
        <!-- 姓名 -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>姓名：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
            <span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
            <span style="color: Red;">（必填）</span>点击<a href="javascript:checkExpertName($('#zjName').val())">【这里】</a>查询专家信息是否存在
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <input type="text" name="zjName" id="zjName" style="width: 95%;" />
            </div>
        </div>
        <div class="splid">
            
        </div>
        <!-- 性别 -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>性别：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <input type="radio" name="zjSex" id="zjSex_1" value="男" checked="checked" /><label
                    for="zjSex_N">男</label>；
                <input type="radio" name="zjSex" id="zjSex_2" value="女" /><label for="zjSex_N">女</label>；
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 出生年月： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>出生年月：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <select name="zjBirthdayYear" id="zjBirthdayYear">
                    <option value="1900">1900</option>
                    <option value="1901">1901</option>
                    <option value="1902">1902</option>
                    <option value="1903">1903</option>
                    <option value="1904">1904</option>
                    <option value="1905">1905</option>
                    <option value="1906">1906</option>
                    <option value="1907">1907</option>
                    <option value="1908">1908</option>
                    <option value="1909">1909</option>
                    <option value="1910">1910</option>
                    <option value="1911">1911</option>
                    <option value="1912">1912</option>
                    <option value="1913">1913</option>
                    <option value="1914">1914</option>
                    <option value="1915">1915</option>
                    <option value="1916">1916</option>
                    <option value="1917">1917</option>
                    <option value="1918">1918</option>
                    <option value="1919">1919</option>
                    <option value="1920">1920</option>
                    <option value="1921">1921</option>
                    <option value="1922">1922</option>
                    <option value="1923">1923</option>
                    <option value="1924">1924</option>
                    <option value="1925">1925</option>
                    <option value="1926">1926</option>
                    <option value="1927">1927</option>
                    <option value="1928">1928</option>
                    <option value="1929">1929</option>
                    <option value="1930">1930</option>
                    <option value="1931">1931</option>
                    <option value="1932">1932</option>
                    <option value="1933">1933</option>
                    <option value="1934">1934</option>
                    <option value="1935">1935</option>
                    <option value="1936">1936</option>
                    <option value="1937">1937</option>
                    <option value="1938">1938</option>
                    <option value="1939">1939</option>
                    <option value="1940">1940</option>
                    <option value="1941">1941</option>
                    <option value="1942">1942</option>
                    <option value="1943">1943</option>
                    <option value="1944">1944</option>
                    <option value="1945">1945</option>
                    <option value="1946">1946</option>
                    <option value="1947">1947</option>
                    <option value="1948">1948</option>
                    <option value="1949">1949</option>
                    <option value="1950">1950</option>
                    <option value="1951">1951</option>
                    <option value="1952">1952</option>
                    <option value="1953">1953</option>
                    <option value="1954">1954</option>
                    <option value="1955">1955</option>
                    <option value="1956">1956</option>
                    <option value="1957">1957</option>
                    <option value="1958">1958</option>
                    <option value="1959">1959</option>
                    <option value="1960">1960</option>
                    <option value="1961">1961</option>
                    <option value="1962">1962</option>
                    <option value="1963">1963</option>
                    <option value="1964">1964</option>
                    <option value="1965">1965</option>
                    <option value="1966">1966</option>
                    <option value="1967">1967</option>
                    <option value="1968">1968</option>
                    <option value="1969">1969</option>
                    <option value="1970">1970</option>
                    <option value="1971">1971</option>
                    <option value="1972">1972</option>
                    <option value="1973">1973</option>
                    <option value="1974">1974</option>
                    <option value="1975">1975</option>
                    <option value="1976">1976</option>
                    <option value="1977">1977</option>
                    <option value="1978">1978</option>
                    <option value="1979">1979</option>
                    <option value="1980">1980</option>
                    <option value="1981">1981</option>
                    <option value="1982">1982</option>
                    <option value="1983">1983</option>
                    <option value="1984">1984</option>
                    <option value="1985">1985</option>
                    <option value="1986">1986</option>
                    <option value="1987">1987</option>
                    <option value="1988">1988</option>
                    <option value="1989">1989</option>
                    <option value="1990">1990</option>
                    <option value="1991">1991</option>
                    <option value="1992">1992</option>
                    <option value="1993">1993</option>
                    <option value="1994">1994</option>
                    <option value="1995">1995</option>
                    <option value="1996">1996</option>
                    <option value="1997">1997</option>
                    <option value="1998">1998</option>
                    <option value="1999">1999</option>
                    <option value="2000">2000</option>
                    <option value="2001">2001</option>
                    <option value="2002">2002</option>
                    <option value="2003">2003</option>
                    <option value="2004">2004</option>
                    <option value="2005">2005</option>
                    <option value="2006">2006</option>
                    <option value="2007">2007</option>
                    <option value="2008">2008</option>
                    <option value="2009">2009</option>
                    <option value="2010">2010</option>
                    <option value="2011">2011</option>
                    <option value="2012">2012</option>
                    <option value="2013">2013</option>
                    <option value="2014">2014</option>
                    <option value="2015">2015</option>
                    <option value="2016">2016</option>
                    <option value="2017">2017</option>
                    <option value="2018">2018</option>
                    <option value="2019">2019</option>
                </select>年
                <select name="zjBirthdayMonth" id="zjBirthdayMonth">
                    <option value="01">01</option>
                    <option value="02">02</option>
                    <option value="03">03</option>
                    <option value="04">04</option>
                    <option value="05">05</option>
                    <option value="06">06</option>
                    <option value="07">07</option>
                    <option value="08">08</option>
                    <option value="09">09</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                </select>月
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 毕业院校： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>毕业院校：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <input type="text" name="zjGraduation" id="zjGraduation" style="width: 95%;" />
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 学历： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>学历：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <select name="zjEducation" id="zjEducation">
                    <option value="大学本科">大学本科</option>
                    <option value="研究生">研究生</option>
                    <option value="博士">博士</option>
                    <option value="博士后">博士后</option>
                    <option value="专科">专科</option>
                    <option value="其他">其他</option>
                </select>
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 学位： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>学位：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <select name="zjDegree" id="zjDegree">
                    <option value="无">无</option>
                    <option value="学士">学士</option>
                    <option value="硕士">硕士</option>
                    <option value="博士">博士</option>
                    <option value="博士后">博士后</option>
                </select>
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 专业： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>专业：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <input type="text" name="zjProfessional" id="zjProfessional" style="width: 95%;" />
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 工作单位： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>工作单位：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <input type="text" name="zjCompany" id="zjCompany" style="width: 95%;" />
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 职务： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>职务：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <input type="text" name="zjPosition" id="zjPosition" style="width: 95%;" />
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 职称： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>职称：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <input type="text" name="zjTitle" id="zjTitle" style="width: 95%;" />
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 工作简历： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>工作简历：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <textarea rows="5" cols="20" name="zjResume" id="zjResume" style="width: 95%;"></textarea>
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 联系电话： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>联系电话：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <input type="text" name="zjTeleWork" id="zjTeleWork" style="width: 95%;" />
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 家庭电话： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>家庭电话：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <input type="text" name="zjTeleHome" id="zjTeleHome" style="width: 95%;" />
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 传真： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>传真：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <input type="text" name="zjTeleFax" id="zjTeleFax" style="width: 95%;" />
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 手机： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>手机：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <input type="text" name="zjTeleMobile" id="zjTeleMobile" style="width: 95%;" />
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 电子邮件： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>电子邮件：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <input type="text" name="zjEMail" id="zjEMail" style="width: 95%;" />
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 通信地址： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>通信地址：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <input type="text" name="zjMailAddress" id="zjMailAddress" style="width: 95%;" />
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 身份证号： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>身份证号：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <input type="text" name="zjIDCNumber" id="zjIDCNumber" style="width: 95%;" />
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 所属地区： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>所属地区：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <!--选择城市功能      star      -->
                <script type="text/javascript" src="@Url.Content("~/Content/Area_mini.js")"></script>
                <script type='text/javascript'>
                    $(document).ready(function () {

                        $("#zjAreaProvince").change(function () {
                            LoadCity();
                            //LoadCounty();
                        });

                        /*
                        $("#zjAreaCity").change(function () {
                        LoadCounty();
                        });
                        */

                        LoadArea('广西', '南宁');
                    });

                    function LoadArea(prov, city) {
                        LoadProvince(prov);
                        LoadCity(city);

                    }
                    function LoadProvince(values) {
                        $("#zjAreaProvince").empty();
                        for (var id in countryAreaData) {

                            $("#zjAreaProvince").append(" <option value='" + id + "'>" + id + "</option>");

                        }
                        if (typeof (values) == "string") {
                            $("#zjAreaProvince option[value=" + values + "]").attr("selected", true)
                        }
                    }
                    function LoadCity(values) {
                        $("#zjAreaCity").empty();
                        var s1 = $("#zjAreaProvince option:selected").val();
                        for (var id2 in countryAreaData[s1]) {

                            $("#zjAreaCity").append(" <option value='" + id2 + "'>" + id2 + "</option>");
                        }
                        if (typeof (values) == "string") {
                            $("#zjAreaCity option[value=" + values + "]").attr("selected", true)

                        }
                    }
                </script>
                <select id="zjAreaProvince">
                    <option value="省份">省份</option>
                </select>
                <select id="zjAreaCity">
                    <option value="地市">地市</option>
                </select>
                <!--选择城市功能      end      -->
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 所属分类： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>所属分类：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <div style="height: 200px; overflow: scroll; background-color: #EEE;">
                    <ul id="treeCategory" class="ztree">
                    </ul>
                </div>
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 具体精通： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>具体精通<br />
                    内容和产品：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <textarea rows="5" cols="20" name="zjContentAndProduct" id="zjContentAndProduct"></textarea>
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 专家级别： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>专家级别：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <select name="zjLevel" id="zjLevel">
                    <option value="地方级">地方级</option>
                    <option value="国家级">国家级</option>
                </select>
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 推荐单位： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>推荐单位：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <input type="text" name="zjRecommendDepartment" id="zjRecommendDepartment" style="width: 95%;" />
            </div>
        </div>
        <div class="splid">
        </div>
        <!-- 推荐意见： -->
        <div style="position: relative; width: 25%; float: left;">
            <div class="ui-widget-header ui-corner-all" style="position: relative; padding: 0.7em;">
                <b>推荐意见：</b>
            </div>
        </div>
        <div style="width: 25%; float: right; padding: 0.7em;">
        </div>
        <div style="position: relative; margin-left: 25%; margin-right: 25%; overflow: hidden;">
            <div class="ui-widget-content ui-corner-all" style="padding: 0.7em;">
                <textarea rows="5" cols="20" name="zjRecommendDescribe" id="zjRecommendDescribe"
                    style="width: 95%;"></textarea>
            </div>
        </div>
        <div class="splid">
        </div>
        
        <script type="text/javascript">
            function commit_register() {
                getPageModel();

                saveExpertAsNew();
            }
        </script>
        <div style="text-align: center;">
            <span class="btn" onclick="javascript:commit_register()">保存</span>
        </div>
    }
</div>
